<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%String contextRoot = request.getContextPath();%>
<f:loadBundle basename="properties.messages" var="msg" />
<f:view>
<!doctype html>
<head>	
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/template.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">	
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">
</head>
<body>
<div id="marco"> <!--inicio contenedor --> 
<div class="arriba-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
<div class="cuerpo">
<a href="<%=contextRoot%>/index.jsf"><img src="<%= contextRoot %>/images/logos.png" /></a>
<div class="clear"></div>
<!-- Menu y Usuario init() -->
	<%@ include file="include/menuUsuario.jsp" %>
<!-- Menu y Usuario end() -->
<div class="clear"></div>
<!-- Formulario --> 
<div id="buscador">
<h2>Gesti<h:outputText value="#{msg.tilde_o}" />n de Recibo de Formularios Feria Decembrina: <h:outputText value="#{feriaDecFormVentaController.feriaDecFormVenta.id ne '' ? 'EDICION' : 'NUEVO'}" /></h2>

<h:form id="updateFeriaDecFormVentaForm">
	<script type="text/javascript">
	</script>
						<span class="left">
						<label>C<h:outputText value="#{msg.tilde_o}"/>digo <span class="asterisco">*</span></label>
								<h:inputText id="codigo" size="4" maxlength="4" styleClass="validate[required,custom[integer],minSize[4]]"
										value="#{feriaDecFormVentaController.feriaDecFormVenta.codigo}" />
						</span>
						<span class="left" style="margin-left:45px">
						<label>Radicado <span class="asterisco">*</span></label>
								<h:inputText id="radicado" size="15" maxlength="15" styleClass="validate[required,minSize[8]]"
										value="#{feriaDecFormVentaController.feriaDecFormVenta.radicado}" />
						</span>
						<span class="left" style="margin-left:45px">
						<label>Consecutivo de la Solicitud <span class="asterisco">*</span></label>
							<h:inputText id="cctivoSltudFeriaDec" size="20" maxlength="20" styleClass="validate[required,minSize[4]]"
										value="#{feriaDecFormVentaController.feriaDecFormVenta.cctivoSltudFeriaDec}" />
						</span>
						<span class="left" style="margin-left:30px">
						<label>Estado <span class="asterisco">*</span></label>							
							<h:selectOneMenu id="estado" styleClass="validate[required]"
									value="#{feriaDecFormVentaController.feriaDecFormVenta.estado}" >
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItem itemLabel="Completo" itemValue="COMPLETO"/>
                                <f:selectItem itemLabel="Incompleto" itemValue="INCOMPLETO"/>                                                                                               
                            </h:selectOneMenu>											
						</span>						
						<div class="clear"></div>
						<br/>						
						<span class="left">													
                   		<label>Programa <span class="asterisco">*</span></label>							                            
							<h:selectOneMenu id="idPrograma" styleClass="validate[required]"
								value="#{feriaDecFormVentaController.feriaDecFormVenta.idProgramaStr}" >
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItems value="#{masterListCache.programList}"/>		
                            </h:selectOneMenu>								
						</span>												
						<span class="left" style="margin-left:45px">
						<label>Tipo de Distribuci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>							
                            <h:selectOneMenu id="idDistrFeriaDec" styleClass="validate[required]"
								value="#{feriaDecFormVentaController.feriaDecFormVenta.idDistrFeriaDecStr}"  >
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItems value="#{feriaDecFormVentaController.listaDistribucion}"/>		
                            </h:selectOneMenu>								                            						
						</span>					
						<div class="clear"></div>
						<br/>
						<span class="left">
						<label>Tipo Identificaci<h:outputText value="#{msg.tilde_o}" />n<span class="asterisco">*</span></label>							
							<h:selectOneMenu id="idTipoIdentificacionStr" styleClass="validate[required]" value="#{feriaDecFormVentaController.feriaDecFormVenta.tipoDocumento}">
								<f:selectItem itemLabel="Seleccione..." itemValue=""/>
								<f:selectItems value="#{masterListCache.classIdentificationForFilingType}"/>
				            </h:selectOneMenu>
						</span>			
						<span class="left" style="margin-left: 55px;">
						<label>Identificaci<h:outputText value="#{msg.tilde_o}" />n<span class="asterisco">*</span></label> 
							<h:inputText id="identificacion" size="20" maxlength="20"
							styleClass="validate[required]" value="#{feriaDecFormVentaController.feriaDecFormVenta.documento}" />
						</span>						
						<span class="left" style="margin-left: 10px;">
						<label> &nbsp; </label> 
							<a4j:commandButton id="checkPersonaButton"											 
							                 type="submit" 
							                 value="Verificar..." ajaxSingle="true" 
							                 ondblclick="return false;" reRender="checkPersonaPanel"
					                         action="#{feriaDecFormVentaController.checkPersonaRegistrada}" >
					                         <a4j:actionparam name="tipoIdentificacionParam" value="document.getElementById('createFeriaDecFormVentaForm:idTipoIdentificacionStr').value" 
					                                          assignTo="#{feriaDecFormVentaController.feriaDecFormVenta.tipoDocumento}" noEscape="true" />
					                         <a4j:actionparam name="identificacionParam" value="document.getElementById('createFeriaDecFormVentaForm:identificacion').value" 
					                                          assignTo="#{feriaDecFormVentaController.feriaDecFormVenta.documento}" noEscape="true" />
							</a4j:commandButton>
						</span>	
						<div class="clear" style="margin-left: 400px;"></div>

						<span class="left" style="margin-left:0px"><label>
						<a4j:outputPanel id="checkPersonaPanel" layout="block" >
							<h:panelGrid columns="1" style="text-align: left; width: 400px;" styleClass="tablapaginacion" >
							<h:outputText value="Persona Registrada: #{feriaDecFormVentaController.personaLocal.primerNombre}    #{feriaDecFormVentaController.personaLocal.segundoNombre}    #{feriaDecFormVentaController.personaLocal.primerApellido}    #{feriaDecFormVentaController.personaLocal.segundoApellido}" />
	                        </h:panelGrid>
                        </a4j:outputPanel>
                        </label>
						</span>	
						<div class="clear"></div>
						<br/>				
						<span class="left">							
						<label>Direcci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
							<h:inputText id="direccion" size="60" maxlength="60"  styleClass="validate[required,minSize[4]]"
										value="#{feriaDecFormVentaController.feriaDecFormVenta.direccion}" />
							<a4j:commandButton id="checkAddressButton"											 
							                 type="submit" 
							                 value="Verificar..." ajaxSingle="true" 
							                 ondblclick="return false;" reRender="checkAddressPanel"
					                         action="#{feriaDecFormVentaController.checkAddress}" >					                         
					                         <a4j:actionparam name="addressParam" value="document.getElementById('updateFeriaDecFormVentaForm:direccion').value" 
					                                          assignTo="#{feriaDecFormVentaController.feriaDecFormVenta.direccion}" noEscape="true" />
							</a4j:commandButton>										
						</span>
						<div class="clear" ></div>
						<span class="left" style="margin-left:0px"><label>
						<a4j:outputPanel id="checkAddressPanel" layout="block" >
							<h:panelGrid columns="1" style="text-align: left;" styleClass="tablapaginacion" >
							<h:outputText value="Barrio: #{feriaDecFormVentaController.feriaDecFormVenta.codigoBarrio}-#{feriaDecFormVentaController.feriaDecFormVenta.barrio}" />
							<h:outputText value="Comuna: #{feriaDecFormVentaController.feriaDecFormVenta.codigoComuna}-#{feriaDecFormVentaController.feriaDecFormVenta.comuna}" />
	                        </h:panelGrid>
                        </a4j:outputPanel>
                        </label>			
						</span>						
						<div class="clear"></div>
						<br/>
						<span class="left">
						<label>Manipulaci<h:outputText value="#{msg.tilde_o}"/>n Alimentos </label>						
								<h:selectBooleanCheckbox id="manipulacionAlimento" 
										value="#{feriaDecFormVentaController.feriaDecFormVenta.manipulacionAlimentoChk}" />
						</span>
						<span class="left" style="margin-left:20px">
						<label>Participa en Sorteo</label>								
								<h:selectBooleanCheckbox  id="participaSorteo" 
										value="#{feriaDecFormVentaController.feriaDecFormVenta.sorteoChk}" />
						</span>
						<span class="left" style="margin-left:20px">
						<label>Ganador en Sorteo</label>								
								<h:selectBooleanCheckbox  id="ganadorSorteo" 
										value="#{feriaDecFormVentaController.feriaDecFormVenta.ganadorSorteoChk}" />										
						</span>
						<span class="left" style="margin-left:20px">
						<label>Carnet</label>								
								<h:selectBooleanCheckbox  id="carne" 
										value="#{feriaDecFormVentaController.feriaDecFormVenta.carneChk}" />										
						</span>
						<span class="left" style="margin-left:20px">
						<label>Puesto Asignado </label>
							<h:inputText id="puestoAsignado" size="20" maxlength="20" styleClass="validate[custom[integer]]"
										value="#{feriaDecFormVentaController.feriaDecFormVenta.puestoAsignadoStr}" />										
						</span>
		<br/>
		<br/>
		<br/>
		<div class="clear"></div>
		(<span class="asterisco"> * </span>) : Campo Obligatorio
		<div class="clear"></div>
		<span class="botones right">
		<h:commandButton id="updateFeriaDecFormVentaButton"		
		                 type="submit" 
		                 value="Guardar" 
		                 ondblclick="return false;" 
		                 action="#{feriaDecFormVentaController.update}" >
		</h:commandButton>		
		</span>
</h:form>
</div>
<!-- Fin formulario --> 
<div class="clear"></div>
<br/>
	<!-- tabla --> 

	<table width="100%" cellspacing="0">  
		<thead>
	  	<tr>
			<th class="Corner">
		    	Informaci<h:outputText value="#{msg.tilde_o}" />n de Auditor<h:outputText value="#{msg.tilde_i}" />a
	    	</th>
	  	</tr>
		</thead>
		<tbody>
		  <tr class="odd">
			<td>Usuario Creaci<h:outputText value="#{msg.tilde_o}" />n</td>
			<td>Fecha Creaci<h:outputText value="#{msg.tilde_o}" />n</td>
			<td>Usuario <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</td>
			<td>Fecha <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</td>
		  </tr>					
		  <tr>
			<td>
			   <h:outputText value="#{feriaDecFormVentaController.feriaDecFormVenta.usuarioCrea}" />
			</td>
			<td>
			   <h:outputText value="#{feriaDecFormVentaController.feriaDecFormVenta.fechaCrea}" />
			</td>
			<td>
			   <h:outputText value="#{feriaDecFormVentaController.feriaDecFormVenta.usuarioModifica}" />
			</td>
			<td>
			   <h:outputText value="#{feriaDecFormVentaController.feriaDecFormVenta.fechaModifica}" />
			</td>						
		  </tr>	  
		</tbody>
	</table>

		<span>
		    <h:form id="cancelManageTypeForm">
			<h:commandButton id="cancelCreateFeriaDecFormVentaButton" 
                             type="submit" 
                             value="Cancelar" 
                             ondblclick="return false;" 
                             action="#{feriaDecFormVentaController.cancelFeriaDecFormVenta}" >
            </h:commandButton>
            </h:form>
		</span>
<div class="abajo-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
</div> <!-- Fin contenedor -->
<div class="footer"></div>
	<script src="<%= contextRoot %>/js/script.js"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios --> 
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	jQ(document).ready(function() {
		jQ("input, select, input:checkbox, input:radio, input:file").uniform();
		jQ("#updateFeriaDecFormVentaForm").validationEngine('attach');
		jQ("#updateFeriaDecFormVentaForm").bind("jqv.form.result", function(event, errorFound) {
	        if(!errorFound) displayLoadingImage();
	    });
	});
	</script>
	<%@ include file="include/validationStatus.jsp" %>
	<%@ include file="include/modalMessageWindow.jsp" %>	
</body>
</html>
</f:view>

